<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
    <title>手机精灵网-卡片详情-时间轴</title>
    <meta name="keywords" content=" ">
    <meta name="description" content=" ">
    <link rel="shortcut icon" type="images/x-icon" href="favicon.ico">
    <link rel="stylesheet" href="swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/jq1.9.js"></script>
    <script src="js/lazyload.js"></script>
    <script src="js/flexible.js"></script>
    <script src="swiper/swiper-bundle.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header-wrap">
        <div class="header-top">
            <a href="/" class="logo"><img src="images/logo.png" alt="logo"></a>
            <div class="num icon active"></div>
        </div>
        <div class="burger">
            <div class="bj"></div>
            <div class="scroll">
                <ul class="clear">
                    <li><a href="##" class="on">首页</a></li>
                    <li><a href="##">资讯</a></li>
                    <li><a href="##">攻略</a></li>
                    <li><a href="##">手游</a></li>
                    <li><a href="##">应用</a></li>
                    <li><a href="##">专区</a></li>
                    <li><a href="##">下载中心</a></li>
                    <li><a href="##">下载排行榜</a></li>
                    <li><a href="##">手机库</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 版心 -->
    <div class="content">
         <div class="cardinfor_bj"><img src="img/lunbox1.jpg" alt=""></div>
         <div class="cardinfor">
               <div class="cardinfor_top">
                   <div class="img"><img src="img/ico_xm.png" alt=""></div>
                   <div class="infor">
                        <h1 class="h1">魔兽世界怀旧服 资讯卡片</h1>
                        <p>更新至2024年1月12日 10:35</p>
                   </div>
               </div>
               <div class="Minbox">
                    <div class="swiper-tab swipernav">
                        <div class="swiper big ">
                            <div class="swiper-wrapper">
                                <a href="##" class="swiper-slide tab on">全部 <span>121</span></a>
                                <a href="##" class="swiper-slide tab">“国服回归”<span>12</span></a>
                                <a href="##" class="swiper-slide tab ">“燃烧的远征” <span>24</span></a>
                                <a href="##" class="swiper-slide tab">“燃烧的远征” <span>24</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="switch2 clear">
                        <a href="list1.html" class="tab on"><div class="icon ico1"></div><span>时间轴</span></a>
                        <a href="list2.html" class="tab"><div class="icon ico2"></div><span>图文</span></a>
                    </div>
                    <div class="Min8">
                        <ul class="list stup">
                            <li>
                                <div class="bt">
                                    <div class="ico"></div>
                                    <a href="##">
                                        跨平台《战神：守护者崛起》新公开时机画面华丽战斗 场面热血沸腾
                                    </a>
                                </div>
                                <p>8分钟前</p>
                            </li>
                            <li>
                                <div class="bt">
                                    <div class="ico"></div>
                                    <a href="##">
                                        跨平台《战神：守护者崛起》新公开时机画面华丽战斗 场面热血沸腾
                                    </a>
                                </div>
                                <p>8分钟前</p>
                            </li>
                            <li>
                                <div class="bt">
                                    <div class="ico"></div>
                                    <a href="##">
                                        外媒爆料：Doublelift明年可能重返职业赛道
                                    </a>
                                </div>
                                <p>8分钟前</p>
                            </li>
                            <li>
                                <div class="bt">
                                    <div class="ico"></div>
                                    <a href="##">
                                        跨平台《战神：守护者崛起》新公开时机画面华丽战斗 场面热血沸腾 外媒爆料：Doublelift明年可能重返职业赛道
                                    </a>
                                </div>
                                <p>8分钟前</p>
                            </li>
                            <li>
                                <div class="bt">
                                    <div class="ico"></div>
                                    <a href="##">
                                        跨平台《战神：守护者崛起》新公开时机画面华丽战斗 场面热血沸腾
                                    </a>
                                </div>
                                <p>8分钟前</p>
                            </li>
                            <li>
                                <div class="bt">
                                    <div class="ico"></div>
                                    <a href="##">
                                        跨平台《战神：守护者崛起》新公开时机画面华丽战斗 场面热血沸腾 外媒爆料：Doublelift明年可能重返职业赛道
                                    </a>
                                </div>
                                <p>8分钟前</p>
                            </li>
                            <li>
                                <div class="bt">
                                    <div class="ico"></div>
                                    <a href="##">
                                        跨平台《战神：守护者崛起》新公开时机画面华丽战斗 场面热血沸腾
                                    </a>
                                </div>
                                <p>8分钟前</p>
                            </li>
                        </ul>
                        <div class="link_more"><a href="##">查看更多</a></div>
                    </div>

               </div>
         </div>
    </div>
    <!-- 底部 -->
    <footer>
        <div class="logo">
            <a href="##"><img src="images/logo.png" alt=""></a>
        </div>
        <p>
            <a class="link" href="https://beian.miit.gov.cn/#/Integrated/index" class="link">粤ICP备19068136号-23</a>
        </p>
    </footer>
    <!-- tabber -->
    <div class="tabber">
        <ul>
            <li class="on"><a href="##" class="box"><i class="icon ico_hone"></i><p>首页</p></a></li>
            <li><a href="##" class="box"><i class="icon ico_news"></i><p>资讯</p></a></li>
            <li><a href="##" class="box"><i class="icon ico_app"></i><p>APP</p></a></li>
            <li><a href="##" class="box"><i class="icon ico_game"></i> <p>手机大全</p></a></li>
            <li><a href="##" class="box"><i class="icon ico_ph"></i> <p>排行榜</p></a></li>
        </ul>
    </div>
    <div class="QZ-up"></div>
    <script src="js/base.js"></script>
</body>
</html>